<style>
    .smart-widget {
        margin-bottom: 5px;
    }
    .table>tbody>tr>td{
        border: 1px solid #ddd;
    }
    .table>tbody>tr>th{
        border: 1px solid #ddd;
    }
    .ddv>a{
        margin-top: 6px;
    }
    table tr > th, table tr > td {
        text-align: center;
        vertical-align: middle !important;
    }
    .myTable tr > td{
        text-align: left;
        vertical-align: top !important;
    }
    .customer-size {
        font-size: 40px;
    }
    .my-btn {
        background-color: #fff;
        border-color: #fff;
        color: #c1c1c1;
    }
    .my-btn:hover{
        background-color: #6b6b6b;
        color:#fff;
    }
    .modebtn{
        color:#c1c1c1;
    }

    .modebtn:hover{
        background-color: #6b6b6b;
        color:#fff;
    }

</style>
<script>
    var info      = {{ info }};
    var iSchoolId = {{ iSchoolId }};
</script>
<div class="form-inline" style="padding: 10px;background-color: #bdf3dc;">
    <div class="form-group" style="margin-left: 10px;">
        <label>日期：</label>
        <input id="startDay" type="date" value="{{ iStartDay }}" class="form-control">
    </div>
    <div class="form-group">
        <label> ~ </label>
        <input id="endDay" type="date"   value="{{ iEndDay }}"   class="form-control">
    </div>
    <a class="btn btn-success btn-sm " id="btn_view" style="width: 150px;margin-left: 20px;">获取周报数据</a>
</div>
<div style="width: 100%;">
    <div class="smart-widget">
        <div class="smart-widget-header">
            <b>应用的数据分析</b>
            <span class="smart-widget-option">
                <span class="refresh-icon-animated">
                    <i class="fa fa-circle-o-notch fa-spin"></i>
                </span>
                <a href="#" class="widget-collapse-option" data-toggle="collapse">
                    <i class="fa fa-chevron-up"></i>
                </a>
            </span>
        </div>
        <div class="smart-widget-inner">
            <div class="smart-widget-body" >
                <div id="appList">
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active">
                            <a href="#common" aria-controls="common" role="tab" data-toggle="tab">通用科目
                            </a>
                        </li>
                        <li role="presentation" class="">
                            <a href="#brush_math" aria-controls="brush_math" role="tab" data-toggle="tab">题舟-数学
                            </a>
                        </li>
                        <li role="presentation" class="">
                            <a href="#brush_science" aria-controls="brush_science" role="tab" data-toggle="tab">题舟-科学
                            </a>
                        </li>
                        <li role="presentation" class="">
                            <a href="#brush_english" aria-controls="brush_english" role="tab" data-toggle="tab">题舟-英语
                            </a>
                        </li>
                        <li role="presentation" class="">
                            <a href="#brush_chinese" aria-controls="brush_chinese" role="tab" data-toggle="tab">题舟-语文
                            </a>
                        </li>
                        <li role="presentation" class="">
                            <a href="#brush_chineseColl" aria-controls="brush_chineseColl" role="tab" data-toggle="tab">题舟-文综
                            </a>
                        </li>
                        <li role="presentation" class="">
                            <a href="#speak_train" aria-controls="speak_train" role="tab" data-toggle="tab">口语训练
                            </a>
                        </li>
                        <li role="presentation" class="">
                            <a href="#chinese_basic" aria-controls="chinese_basic" role="tab" data-toggle="tab">语文基础知识
                            </a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="common">
                            <table class="table table-bordered">

                            </table>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="brush_math">
                            <table class="table table-bordered">

                            </table>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="brush_science">
                            <table class="table table-bordered">
                            </table>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="brush_english">
                            <table class="table table-bordered">
                            </table>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="brush_chinese">
                            <table class="table table-bordered">
                            </table>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="brush_chineseColl">
                            <table class="table table-bordered">
                            </table>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="speak_train">
                            <table class="table table-bordered">
                            </table>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="chinese_basic">
                            <table class="table table-bordered">
                            </table>
                        </div>
                    </div>

                </div>
            </div>
        </div><!-- ./smart-widget-inner -->
    </div><!-- ./smart-widget -->
</div>

<div style="width: 100%;">
    <div class="smart-widget">
        <div class="smart-widget-header">
            <b>教师跟踪情况</b>
            <span class="smart-widget-option">
                <span class="refresh-icon-animated">
                    <i class="fa fa-circle-o-notch fa-spin"></i>
                </span>
                <a href="#" class="widget-collapse-option" data-toggle="collapse">
                    <i class="fa fa-chevron-up"></i>
                </a>
            </span>
        </div>
        <div class="smart-widget-inner">
            <div class="smart-widget-body" >
                    <table id="tchTrackList"  class="table table-hover" style="width:99%;" >
                    </table>
            </div>
        </div><!-- ./smart-widget-inner -->
    </div><!-- ./smart-widget -->
</div>
<div style="width: 100%;">
    <div class="smart-widget">
        <div class="smart-widget-header">
            <b>需求Bug资源</b>
            <span class="smart-widget-option">
                <span class="refresh-icon-animated">
                    <i class="fa fa-circle-o-notch fa-spin"></i>
                </span>
                <a href="#" class="widget-collapse-option" data-toggle="collapse">
                    <i class="fa fa-chevron-up"></i>
                </a>
            </span>
        </div>
        <div class="smart-widget-inner">
            <div class="smart-widget-body">
                    <table id="taskList"  class="table table-hover" style="width:99%;" >
                    </table>
            </div>
        </div><!-- ./smart-widget-inner -->
    </div><!-- ./smart-widget -->
</div>

<div style="width: 100%;">
    <div class="smart-widget">
        <div class="smart-widget-header">
            <b>公开课</b>
            <span class="smart-widget-option">
                <span class="refresh-icon-animated">
                    <i class="fa fa-circle-o-notch fa-spin"></i>
                </span>
                <a href="#" class="widget-collapse-option" data-toggle="collapse">
                    <i class="fa fa-chevron-up"></i>
                </a>
            </span>
        </div>
        <div class="smart-widget-inner">
            <div class="smart-widget-body">

                    <table id="classList"  class="table table-hover" style="width:99%;" >
                    </table>
                </div>
            </div>
        </div><!-- ./smart-widget-inner -->
    </div><!-- ./smart-widget -->
</div>


<div style="width: 100%;">
    <div class="smart-widget">
        <div class="smart-widget-header">
            <b>本周总结</b>
            <span class="smart-widget-option">
                <span class="refresh-icon-animated">
                    <i class="fa fa-circle-o-notch fa-spin"></i>
                </span>
                {#<a href="#" class="widget-collapse-option" data-toggle="collapse">#}
                    {#<i class="fa fa-chevron-up"></i>#}
                {#</a>#}
            </span>
        </div>
        <div class="smart-widget-inner">
            <div class="smart-widget-body">
                <table class="myTable" style="height: 200px">
                    <tr>
                        <td style="width: 600px"><textarea id="mSummary" class="form-control" style="height: 100%;width: 100%;" ></textarea></td>
                        <td valign="top" style="padding: 10px"><p style="color: red">
                                1.	学校出问题的总结 1 2 3哪些事有没有解决<br>
                                2.	A：本周学校亮点（如：老师使用上的亮点、数据上的突破等）<br>
                                3.	B：本周已跟进完成事件（续上周末未跟进）：①时间 ②方案 ③效果<br>
                                4.	C：本周未完成事件 ①未完成原因 ②计划<br>
                            </p>
                        </td>
                    </tr>
                </table>
            </div>
        </div><!-- ./smart-widget-inner -->
    </div><!-- ./smart-widget -->
</div>
<div style="width: 100%;padding-bottom: 40px">
    <div class="smart-widget">
        <div class="smart-widget-header">
            <b>附件</b>
            <span class="smart-widget-option">
                <span class="refresh-icon-animated">
                    <i class="fa fa-circle-o-notch fa-spin"></i>
                </span>
                {#<a href="#" class="widget-collapse-option" data-toggle="collapse">#}
                {#<i class="fa fa-chevron-up"></i>#}
                {#</a>#}
            </span>
        </div>
        <div class="smart-widget-inner">
            <div class="smart-widget-body">
                <table class="myTable" style="height: 200px;width: 100%;">
                    <tr>
                        <td style="width: 600px">
                            <p style="color: red">
                                上传附件(请手动上传，点击保存只会保存已上传的)
                            </p>
                            <div class="form-group" style="margin-left: 0px;">
                                <input id="fileInput" class="form-control"  multiple="multiple" type="file"   />
                            </div>
                        </td>
                        <td  valign="top"  style="padding: 10px">
                            <p style="color: blue">
                                附件列表
                            </p>
                            <div id="fileList" style="width: 100%">

                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        </div><!-- ./smart-widget-inner -->
    </div><!-- ./smart-widget -->
</div>
<div style="width: 100%;padding-bottom: 40px">
    <div class="smart-widget">
        <div class="smart-widget-header">
            <b>下周计划</b>
            <span class="smart-widget-option">
                <span class="refresh-icon-animated">
                    <i class="fa fa-circle-o-notch fa-spin"></i>
                </span>
                {#<a href="#" class="widget-collapse-option" data-toggle="collapse">#}
                    {#<i class="fa fa-chevron-up"></i>#}
                {#</a>#}
            </span>
        </div>
        <div class="smart-widget-inner">
            <div class="smart-widget-body">
                <table class="myTable" style="height: 200px">
                    <tr>
                        <td style="width: 600px"><textarea id="mPlan" class="form-control" style="height: 100%;width: 100%;" ></textarea></td>
                        <td  valign="top" style="padding: 10px">
                            <p style="color: red">
                                1.	计划跟踪哪些老师<br>
                                2.	解决哪些上周没有解决的问题，跟进<br>
                                3.	A：下周计划重点追踪老师（追踪目标）<br>
                                4.	B：上周未完成事件计划排期<br>
                            </p>
                        </td>
                    </tr>
                </table>
            </div>
        </div><!-- ./smart-widget-inner -->
    </div><!-- ./smart-widget -->
</div>
{#<div class="ddv" style="position:fixed;background-color: #ececec;border-top:1px solid #ccc;width:100%;height:50px;bottom:0;left:0;">#}
    {#<a  id="submit" class="btn btn-success pull-right xh-btn-load" style="margin-right: 20px;">提交</a><a id="save" class="btn  btn-primary pull-right xh-btn-load" style="margin-right: 5px;">保存</a>#}
{#</div>#}
{{ addStr }}
{{ passStr }}
{#<div class="ddv" style="position:fixed;background-color: #ececec;border-top:1px solid #ccc;width:100%;height:50px;bottom:0;left:0;display: none">#}
    {#<a id="pass" class="btn  btn-success pull-right xh-btn-load" style="margin-right: 20px;">通过</a><a  id="back" class="btn btn-default pull-right xh-btn-load" style="margin-right: 5px;">退回</a>#}
{#</div>#}